#footer {
background-color: #eeeeee;
margin-top: -37px;
}
#footer>.container {
background-color: #eeeeee;
margin-top: 9px;
}

.menu-helper>span::before {background-color: transparent;}
.menu-helper>span {color: transparent;}

.navigation-in>ul>li>a:hover, .navigation-in>ul>li.ext>a:hover {color:red;}

.categories li.active>a, .categories li.active>a:hover {background-color: transparent;}
.categories .topic.active>a {background-color: #d72817;}

.flag.flag-action {background-color: #d82b27;}
.flag.flag-new {background-color: #48d827;}
.flag.flag-tip {background-color: #278bd8;}

.homepage-box {background-color: #d72817;}
.banner-wrapper {padding:10px;}

.zoom img {transition: all .2s ease-in-out;}
.zoom img:hover {transform: scale(1.05);}

@media (min-width: 768px) {
#header {background-image:url("https://www.motonero.cz/user/documents/upload/res 2020/header_strip_red.png");background-position: bottom; background-repeat: repeat-x;}
#navigation {height:53px;}
.navigation-in {padding-top: 10px;}
.menu-helper {margin-top:10px;}
.navigation-in>ul>li>a {
    padding-top: 19px;
    padding-bottom: 20px;
    margin-top: -12px;
}
.navigation-in>ul>li>ul, .menu-helper>ul>li>ul {margin-top: 21px;}
.menu-helper>span {height: 44px;}

.custom-footer {padding-top:0px !important;xxxmargin-top:-20px;border-top:solid 3px transparent;}
@media (min-width: 1200px) {
.footer-rows .site-name {top: 35px;max-width:180px;}
}

/* Levé menu s podkategoriemi float right jako alza down
#categories .expandable.expanded > ul {
display:none;
border-left: 1px solid #e1e1e1;
}
#categories .expandable:hover >ul {
display:block;
    background: #f7f7f7;
    margin-bottom: 0px;
    position: absolute;
    z-index: 11;
    margin-left: 100%;
    margin-top: -47px;
    width: 100%;
}
#categories .expandable > ul > li:hover > ul {
display:block;
    background: #f7f7f7;
    margin-bottom: 0px;
    position: absolute;
    z-index: 11;
    margin-left: 100%;
    margin-top: -39px;
    width: 100%;
}
.categories li {
padding-top:8px;
padding-bottom:7px;
border: 1px solid #e1e1e1;
border-top: 0px;
border-left: 0px;
}
.categories li:first-child {
border: 1px solid #e1e1e1;
border-top: 1px solid #e1e1e1 !important;
border-left: 0px;
}
.categories li:hover {
background-color:#dedede;
}
#categories .expandable.expanded > a > span::before, #categories .expandable.expanded>.topic>a>span::before {content: '\25B6';}
#categories ul .expandable .cat-trigger {top:15px;}

.categories li.active {
background-color: #292929;
}
*/
#categories ul .expandable .cat-trigger {top: 10px !important;}
.categories li.active>a {color: #292929 !important;}
#categories .expandable.active.expanded>a:hover>span, #categories .expandable.active.expanded>a>span {color: #292929 !important;}
.categories ul ul a {background-color: #e5e5e5 !important;}
.categories ul ul li:hover a{color: #292929 !important;}
/* Levé menu s podkategoriemi float right jako alza up*/



.categories .topic > a {
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 70px;
    background: xffffff;
    color: #444444;
    font-size: 16px;
    border: 1px solid #e1e1e1;
    border-top: 0;

    background-position: 30px center;
    background-repeat: no-repeat;
    background-size: 30px auto;
}
.sidebar {background-color:#f7f7f7;}
.sidebar-inner > div h4  {display:none;}
.sidebar-inner {padding-top:0px;}
#categories {margin-top:-19px;}
.categories .topic.child-active>a {background-color:#d72817 ;color:#ffffff;}
#categories .expandable > a:active > span, #categories .expandable>.topic>a:active>span {margin-top:auto;margin-bottom:auto;}
#categories .expandable > a > span::before, #categories .expandable>.topic>a>span::before {font-size:10px;font-weight:400;}
#categories .expandable.active.expanded>.topic>a>span {color:white;}
.categories a {padding-top:7px;padding-bottom:7px;}
#categories .expandable > a > span, #categories .expandable>.topic>a>span {top:17px;}
#categories ul .expandable .cat-trigger {top:15px;}
/* Nové menu */

.categories .topic.active a:hover[href="/motoobleceni/"],
.categories .topic.child-active a:hover[href="/motoobleceni/"],
.categories .topic > a:hover[href="/motoobleceni/"],
.categories .topic > a[href="/motoobleceni/"],
.categories .topic.child-active a[href="/motoobleceni/"],
.categories .topic.active a[href="/motoobleceni/"]
{background-image:url("https://www.motonero.cz/user/documents/upload/res 2020/menu_icons_motoobleceni.png");}

.categories .topic.active a:hover[href="/motocross/"],
.categories .topic.child-active a:hover[href="/motocross/"],
.categories .topic > a:hover[href="/motocross/"],
.categories .topic > a[href="/motocross/"],
.categories .topic.child-active a[href="/motocross/"],
.categories .topic.active a[href="/motocross/"]
{background-image:url("https://www.motonero.cz/user/documents/upload/res 2020/menu_icons_motocross.png");}

.categories .topic.active a:hover[href="/motodily/"],
.categories .topic.child-active a:hover[href="/motodily/"],
.categories .topic > a:hover[href="/motodily/"],
.categories .topic > a[href="/motodily/"],
.categories .topic.child-active a[href="/motodily/"],
.categories .topic.active a[href="/motodily/"]
{background-image:url("https://www.motonero.cz/user/documents/upload/res 2020/menu_icons_motodily.png");}

.categories .topic.active a:hover[href="/vybaveni-dilny/"],
.categories .topic.child-active a:hover[href="/vybaveni-dilny/"],
.categories .topic > a:hover[href="/vybaveni-dilny/"],
.categories .topic > a[href="/vybaveni-dilny/"],
.categories .topic.child-active a[href="/vybaveni-dilny/"],
.categories .topic.active a[href="/vybaveni-dilny/"]
{background-image:url("https://www.motonero.cz/user/documents/upload/res 2020/menu_icons_vybavenidilny.png");}

.categories .topic.active a:hover[href="/sport-2/"],
.categories .topic.child-active a:hover[href="/sport-2/"],
.categories .topic > a:hover[href="/sport-2/"],
.categories .topic > a[href="/sport-2/"],
.categories .topic.child-active a[href="/sport-2/"],
.categories .topic.active a[href="/sport-2/"]
{background-image:url("https://www.motonero.cz/user/documents/upload/res 2020/menu_icons_bikenero.png");}

.categories .topic.active a:hover[href="/vyprodej/"],
.categories .topic.child-active a:hover[href="/vyprodej/"],
.categories .topic > a:hover[href="/vyprodej/"],
.categories .topic > a[href="/vyprodej/"],
.categories .topic.child-active a[href="/vyprodej/"],
.categories .topic.active a[href="/vyprodej/"]
{background-image:url("https://www.motonero.cz/user/documents/upload/res 2020/menu_icons_vyprodej.png");}

body::-webkit-scrollbar {height: 0px;width:0px;}
.navigation-in ul li a b, .categories .topic>a, .box-bg-variant .categories a, .navigation-in ul.menu-level-2 a {text-transform: uppercase;}

.categories .topic.active>a, .homepage-box {background-color: #292929;}
.compact-form .btn {background-color: #292929; border-color: #292929; color: #fff;}
.compact-form .btn:hover {background-color: #d72817; border-color: #d72817; color: #fff;}

.p-code {font-size: 10px;}

.form-group p {
    color: #292929;
    max-width: 50%;
    text-align: left;
    margin-left: 150px;
}

/*
.sidebar-inner {display:flex;flex-direction:column;}
.box.box-bg-default.box-sm.box-filters {order:1;}
.box.box-bg-variant.box-categories {order:2;}
.box.box-bg-variant.box-sm.box-topProducts,
.box.box-bg-default.box-sm.box-topProducts {order:3;}
*/

.box.box-bg-default.box-sm.box-filters:before {
content: 'Vyfiltruj si produkty dle potřeby!';
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.ui-slider-horizontal .ui-slider-handle {background-color: #292929;}
.chevron-after.chevron-down-after.toggle-filters {padding: 7px 20px; background-color: #292929; color: #fff;}
.chevron-after.chevron-down-after.toggle-filters:hover {background-color: #d72817;}


@media (min-width: 1200px) {
.products-block>div:nth-child(3n) {
   xxxborder-right-style: solid;
}
.products-block>div:last-child {
    xxxborder-right-style: none; #d72817border-top-style: none;
}
.columns-4 .products-block>div:nth-child(4) {border-right-style: none;}
}
.xxxp-code, .stars-wrapper, .p-detail-info>div+div::before {display:none;}
.subcategories.with-image li a .text {color: #000;}

.menu-helper>span::before {background-color: transparent;}
.menu-helper>span {color: transparent;}

/* Levé menu s podkategoriemi float right jako alza
@media (min-width: 768px) {
#categories .expandable.expanded > ul {
display:none;
border-left: 1px solid #e1e1e1;
}
#categories .expandable:hover >ul {
display:block;
    background: #f7f7f7;
    margin-bottom: 0px;
    position: absolute;
    z-index: 11;
    margin-left: 100%;
    margin-top: -47px;
    width: 100%;
}
#categories .expandable > ul > li:hover> ul {
display:block;
    background: #f7f7f7;
    margin-bottom: 0px;
    position: absolute;
    z-index: 11;
    margin-left: 100%;
    margin-top: -39px;
    width: 100%;
}
.categories li {
padding-top:8px;
padding-bottom:7px;
border: 1px solid #e1e1e1;
border-top: 0px;
border-left: 0px;
}
.categories li:first-child {
border: 1px solid #e1e1e1;
border-top: 1px solid #e1e1e1 !important;
border-left: 0px;
}
.categories li:hover {
background-color:#dedede;
}
#categories .expandable.expanded > a > span::before, #categories .expandable.expanded>.topic>a>span::before {content: '\25B6';}
#categories ul .expandable .cat-trigger {top:15px;}

.categories li.active {
background-color: #292929;
}
Levé menu s podkategoriemi float right jako alza */

.categories .topic > a {
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 70px;
    background: xffffff;
    color: #444444;
    font-size: 16px;
    border: 1px solid #e1e1e1;
    border-top: 0;

    background-position: 30px center;
    background-repeat: no-repeat;
    background-size: 30px auto;
}
.sidebar {background-color:#f7f7f7;}
.xxxsidebar-inner > div h4  {display:block !important;}
.box.box-bg-variant.box-categories > h4 {display: none !important;}
.sidebar-inner {padding-top:0px;}
#categories {margin-top:-19px;}
.categories .topic.child-active>a {background-color:#d72817 ;color:#ffffff;}
#categories .expandable > a:active > span, #categories .expandable>.topic>a:active>span {margin-top:auto;margin-bottom:auto;}
#categories .expandable > a > span::before, #categories .expandable>.topic>a>span::before {font-size:10px;font-weight:400;}
#categories .expandable.active.expanded>.topic>a>span {color:white;}
.categories a {padding-top:7px;padding-bottom:7px;}
#categories .expandable > a > span, #categories .expandable>.topic>a>span {top:17px;}
#categories ul .expandable .cat-trigger {top:15px;}
/* Nové menu */
#facebookWidget h4 {color: #292929;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
margin-top: 10px;
padding-bottom: 22px;
    border-bottom: 2px solid #d72817;
}
@media (min-width: 1200px) {
#footer .site-name {display:none;}
.custom-footer {
    padding-left: 0px;
    padding-top: 76px;
}
}

.zasilkovna-name {
color:#292929;
font-weight:600;
text-transform:uppercase;
}
.zasilkovna-name::before {
content: '! '
}
.zasilkovna-name::after {
content: ' !'
}

.content.narrow {display:flex;flex-direction:column;}
.category-title {order:1;}
.subcategories.with-image {order:2;}
h4 {order:4;}
#productsTop {order:5;}
.category-perex {order:3;}
.category-header {order:6;}
#filters-wrapper {order:7;}
#products {order:8;}
.pagination-wrapper {order:9;}

.news-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
@media (min-width: 480px) {
.news-item {width: 33%;}
}
@media (max-width: 480px) {
.news-item {width: 100%;}
}
.news-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px;
    align-items: flex-start;
}

.categories .topic.active a:hover[href="/vyprodej-skladu/"],
.categories .topic.child-active a:hover[href="/vyprodej-skladu/"],
.categories .topic > a:hover[href="/vyprodej-skladu/"],
.categories .topic > a[href="/vyprodej-skladu/"],
.categories .topic.child-active a[href="/vyprodej-skladu/"],
.categories .topic.active a[href="/vyprodej-skladu/"]
{background-image:url("https://276563.myshoptet.com/user/documents/upload/gallery/res/menu_icons_vyprodej.png");}

@media (min-width: 768px) {
.top-navigation-bar .container>div:first-child {flex-basis:28%;}
.top-navigation-bar .container>div {flex-basis:62%;}
.top-navigation-bar .container>div:last-child {flex-basis:10%;}

.navigation-in>ul>li>ul, .menu-helper>ul>li>ul {margin-top: 0px !important;}
.menu-helper::after, .menu-trigger::after {background-color: transparent;}
}


   #c-back { position: fixed; display: none; align-items: center; bottom: 60px; right: 20px; width: 40px; height: 40px; cursor: pointer; z-index: 1; opacity: 0.75; background-color: #292929; border-radius: 50%; }
   #c-back.visible { display: flex; }
   #c-back:hover { background-color: rgba(0,0,0,.9); }
   #c-back svg { transform: rotate(-180deg); margin: auto; width: 16px; height: 12px; }

.shp-tabs-row a[href$="#productsAlternative"] {
      display: none !important;
}
#tab-content {
      display: flex;
      flex-direction: column;
}
#productsAlternative {
      display: block !important;
      opacity: 1 !important;
      order: 99;
}
#productsAlternative:before {
      content: 'Podobné produkty';
      font-size: 140%;
      margin-top: 30px;
      display: block;
}
